import { NgModule } from '@angular/core';
import { provideRouter, RouterModule, Routes } from '@angular/router';
import { AnimateComponent } from './animate/animate.component';

const routes: Routes = [
  // {
  //   path: '',
  //   pathMatch: 'full',
  //   loadChildren: () => import('./app.module').then(m => m.AppModule),
  // },
  {
    path: "testIcon",
    pathMatch:'full',
    loadChildren: () => import("./icon/test-icon.module").then((m) => m.TestIconModule),
    data: { animation: 'testIcon' }
  },
  {
    path: "test",
    pathMatch:'full',
    loadChildren: () => import("./test/test.module").then((m) => m.TestModule),
    data: { animation: 'test' }
  },
  {
    path: "animate",
    pathMatch:'full',
    loadComponent: ()=>AnimateComponent,
    data: { animation: 'openClosePage' }
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes, {})],
  exports: [RouterModule],
})
export class AppRoutingModule {}
